<template>
  <div class="table">
    <div class="container">
      <div class="handle-box">
        <el-button type="primary" size="mini" @click="delAll">批量删除</el-button>
        <el-input
          v-model="select_word"
          size="mini"
          placeholder="请输入驻村干部姓名"
          class="handle-input"
        >
        </el-input>
        <el-button
          type="primary"
          size="mini"
          @click="centerDialogVisible = true"
          >添加驻村干部</el-button
        >
      </div>
    </div>
    <!-- 查询 -->
    <el-table
      size="mini"
      border
      style="width: 100%"
      height="570px"
      :data="data"
      @selection-change="handleSelectionChange"
    >
      <el-table-column type="selection" width="40">

      </el-table-column>
      <el-table-column
        prop="username"
        label="账号"
        width="120"
        align="center"
      ></el-table-column>
      <el-table-column
        prop="password"
        label="密码"
        width="120"
        align="center"
      ></el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="120"
        align="center"
      ></el-table-column>
      <el-table-column label="性别" width="50" align="center">
        <template slot-scope="scope">
          {{ changeSex(scope.row.sex) }}
        </template>
      </el-table-column>
      <el-table-column
        prop="phone"
        label="电话"
        width="120"
        align="center"
      ></el-table-column>
      <el-table-column
        prop="email"
        label="电子邮箱"
        width="140"
        align="center"
      ></el-table-column>
      <el-table-column
        prop="location"
        label="驻村地址"
        width="260"
        align="center"
      ></el-table-column>
      <el-table-column label="操作" width="150" align="center">
        <template slot-scope="scope">
          <el-button size="mini" @click="handleEdit(scope.row)">编辑</el-button>
          <el-button
            size="mini"
            type="danger"
            @click="handleDelete(scope.row.id)"
            >删除</el-button
          >
        </template>
      </el-table-column>
    </el-table>
    <!-- 翻页 -->
    <div class="pagination">
      <el-pagination
        background
        layout="total,prev,pager,next"
        :current-page="currentPage"
        :page-size="pageSize"
        :total="tableDate.length"
        @current-change="handleCurrentChange"
      ></el-pagination>
    </div>

    <!-- 添加 -->
    <el-dialog
      title="添加驻村干部"
      :visible.sync="centerDialogVisible"
      width="400px"
      center="center"
    >
      <el-form :model="registerForm" ref="registerForm" label-width="80px">
        <el-form-item prop="username" label="账号" size="mini">
          <el-input
            v-model="registerForm.username"
            placeholder="账号"
          ></el-input>
        </el-form-item>
        <el-form-item prop="password" label="密码" size="mini">
          <el-input
            v-model="registerForm.password"
            placeholder="密码"
            type="password"
          ></el-input>
        </el-form-item>
        <el-form-item prop="name" label="姓名" size="mini">
          <el-input v-model="registerForm.name" placeholder="姓名"></el-input>
        </el-form-item>
        <el-form-item label="性别" size="mini">
          <el-radio-group v-model="registerForm.sex">
            <el-radio :label="0">女</el-radio>
            <el-radio :label="1">男</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item prop="phone" label="电话" size="mini">
          <el-input v-model="registerForm.phone" placeholder="电话"></el-input>
        </el-form-item>
        <el-form-item prop="email" label="电子邮件" size="mini">
          <el-input
            v-model="registerForm.email"
            placeholder="电子邮件"
          ></el-input>
        </el-form-item>
        <el-form-item prop="location" label="驻村地址" size="mini">
          <el-cascader
            :options="options"
            v-model="registerForm.location"
            placeholder="驻村地址"
          ></el-cascader>
        </el-form-item>
      </el-form>
      <span slot="footer">
        <el-button size="mini" @click="centerDialogVisible = false"
          >取消</el-button
        >
        <el-button size="mini" @click="addCadre">确定</el-button>
      </span>
    </el-dialog>

    <!-- 修改 -->
    <el-dialog
      title="修改驻村干部信息"
      :visible.sync="editVisible"
      width="400px"
      center="center"
    >
      <el-form :model="form" ref="form" label-width="80px">
        <el-form-item prop="username" label="账号" size="mini">
          <el-input v-model="form.username" placeholder="账号"></el-input>
        </el-form-item>
        <el-form-item prop="password" label="密码" size="mini">
          <el-input
            v-model="form.password"
            placeholder="密码"
            type="password"
          ></el-input>
        </el-form-item>
        <el-form-item prop="name" label="姓名" size="mini">
          <el-input v-model="form.name" placeholder="姓名"></el-input>
        </el-form-item>
        <el-form-item label="性别" size="mini">
          <el-radio-group v-model="form.sex">
            <el-radio :label="0">女</el-radio>
            <el-radio :label="1">男</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item prop="phone" label="电话" size="mini">
          <el-input v-model="form.phone" placeholder="电话"></el-input>
        </el-form-item>
        <el-form-item prop="email" label="电子邮件" size="mini">
          <el-input v-model="form.email" placeholder="电子邮件"></el-input>
        </el-form-item>
        <el-form-item prop="location" label="驻村地址" size="mini">
          <el-cascader
            :options="options"
            v-model="form.location"
            placeholder="驻村地址"
          ></el-cascader>
        </el-form-item>
      </el-form>
      <span slot="footer">
        <el-button size="mini" @click="editVisible = false">取消</el-button>
        <el-button size="mini" @click="editCadre">确定</el-button>
      </span>
    </el-dialog>

    <el-dialog
      title="删除干部信息"
      :visible="delVisible"
      width="300px"
      center="center"
    >
      <div align="center">删除不可恢复，是否确定删除？</div>
      <span slot="footer">
        <el-button size="mini" @click="delVisible = false">取消</el-button>
        <el-button size="mini" @click="deleteRow">确定</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>
import { mixin } from "../mixins";
import { getAllCadre, setCadre, updateCadre, deleteCadre } from "../api/index";
export default {
  mixins: [mixin],
  data() {
    return {
      centerDialogVisible: false, // 添加弹窗是否显示
      editVisible: false, // 修改弹窗是否显示
      delVisible: false, // 删除弹窗是否显示
      idx: -1, //当前选择项
      multipleSelection: [], //哪些项已经打勾了

      options: [
        {
          value: "河北省",
          label: "河北省",
          children: [
            {
              value: "沧州市",
              label: "沧州市",
              children: [
                {
                  value: "南皮县",
                  label: "南皮县",
                  children: [
                    {
                      value: "南皮镇",
                      label: "南皮镇",
                      children: [
                        {
                          value: "新兴里社区",
                          label: "新兴里社区",
                        },
                        {
                          value: "南园子社区",
                          label: "南园子社区",
                        },
                        {
                          value: "光明社社区",
                          label: "光明社社区",
                        },
                        {
                          value: "蓝盾社区",
                          label: "蓝盾社区",
                        },
                        {
                          value: "金刚亭社区",
                          label: "金刚亭社区",
                        },
                        {
                          value: "平安里社区",
                          label: "平安里社区",
                        },
                        {
                          value: "西王庄村",
                          label: "西王庄村",
                        },
                        {
                          value: "桃园村",
                          label: "桃园村",
                        },
                        {
                          value: "小魏庄村",
                          label: "小魏庄村",
                        },
                        {
                          value: "黄家洼村",
                          label: "黄家洼村",
                        },
                        {
                          value: "北李庄村",
                          label: "北李庄村",
                        },
                        {
                          value: "北王庄村",
                          label: "北王庄村",
                        },
                        {
                          value: "北徐庄村",
                          label: "北徐庄村",
                        },
                        {
                          value: "张家口村",
                          label: "张家口村",
                        },
                        {
                          value: "翟官屯村",
                          label: "翟官屯村",
                        },
                        {
                          value: "贾辛庄村",
                          label: "贾辛庄村",
                        },
                        {
                          value: "安家洼村",
                          label: "安家洼村",
                        },
                        {
                          value: "张让家村",
                          label: "张让家村",
                        },
                        {
                          value: "西三里村",
                          label: "西三里村",
                        },
                        {
                          value: "王古头村",
                          label: "王古头村",
                        },
                        {
                          value: "西辛庄村",
                          label: "西辛庄村",
                        },
                        {
                          value: "西老庄村",
                          label: "西老庄村",
                        },
                        {
                          value: "黄庄村",
                          label: "黄庄村",
                        },
                        {
                          value: "崔称砣村",
                          label: "崔称砣村",
                        },
                        {
                          value: "小崔庄村",
                          label: "小崔庄村",
                        },
                        {
                          value: "北花园村",
                          label: "北花园村",
                        },
                        {
                          value: "东小庄村",
                          label: "东小庄村",
                        },
                        {
                          value: "李保民村",
                          label: "李保民村",
                        },
                        {
                          value: "南花园村",
                          label: "南花园村",
                        },
                        {
                          value: "汤庄村",
                          label: "汤庄村",
                        },
                        {
                          value: "刘官屯村",
                          label: "刘官屯村",
                        },
                        {
                          value: "大赵庄村",
                          label: "大赵庄村",
                        },
                        {
                          value: "张三拨村",
                          label: "张三拨村",
                        },
                        {
                          value: "小赵庄村",
                          label: "小赵庄村",
                        },
                        {
                          value: "穆三拨村",
                          label: "穆三拨村",
                        },
                        {
                          value: "尹庄村",
                          label: "尹庄村",
                        },
                        {
                          value: "康官屯村",
                          label: "康官屯村",
                        },
                        {
                          value: "曹八拨村",
                          label: "曹八拨村",
                        },
                        {
                          value: "姚九拨村",
                          label: "姚九拨村",
                        },
                        {
                          value: "朱八拨村",
                          label: "朱八拨村",
                        },
                        {
                          value: "侯九拨村",
                          label: "侯九拨村",
                        },
                        {
                          value: "季九拨村",
                          label: "季九拨村",
                        },
                        {
                          value: "万九拨村",
                          label: "万九拨村",
                        },
                        {
                          value: "白九拨村",
                          label: "白九拨村",
                        },
                        {
                          value: "南关村",
                          label: "南关村",
                        },
                        {
                          value: "东街村",
                          label: "东街村",
                        },
                        {
                          value: "西街村",
                          label: "西街村",
                        },
                        {
                          value: "南街村",
                          label: "南街村",
                        },
                        {
                          value: "北街村",
                          label: "北街村",
                        },
                        {
                          value: "十王店村",
                          label: "十王店村",
                        },
                        {
                          value: "四角楼村",
                          label: "四角楼村",
                        },
                      ],
                    },
                    {
                      value: "冯家口镇",
                      label: "冯家口镇",
                      children: [
                        {
                          value: "冯家口村",
                          label: "冯家口村",
                        },
                        {
                          value: "店南村",
                          label: "店南村",
                        },
                        {
                          value: "店北村",
                          label: "店北村",
                        },
                        {
                          value: "北口村",
                          label: "北口村",
                        },
                        {
                          value: "小张庄村",
                          label: "小张庄村",
                        },
                        {
                          value: "博古刘村",
                          label: "博古刘村",
                        },
                        {
                          value: "博古于村",
                          label: "博古于村",
                        },
                        {
                          value: "洪辛村",
                          label: "洪辛村",
                        },
                        {
                          value: "柴庄子村",
                          label: "柴庄子村",
                        },
                        {
                          value: "刘文一村",
                          label: "刘文一村",
                        },
                        {
                          value: "刘文二村",
                          label: "刘文二村",
                        },
                        {
                          value: "刘文三村",
                          label: "刘文三村",
                        },
                        {
                          value: "小昝庄村",
                          label: "小昝庄村",
                        },
                        {
                          value: "西辛店村",
                          label: "西辛店村",
                        },
                        {
                          value: "姚庄村",
                          label: "姚庄村",
                        },
                        {
                          value: "西林子村",
                          label: "西林子村",
                        },
                        {
                          value: "店子辛村",
                          label: "店子辛村",
                        },
                        {
                          value: "车官屯村",
                          label: "车官屯村",
                        },
                        {
                          value: "季辛屯村",
                          label: "季辛屯村",
                        },
                        {
                          value: "大道邢村",
                          label: "大道邢村",
                        },
                        {
                          value: "石佛昝村",
                          label: "石佛昝村",
                        },
                        {
                          value: "常庄村",
                          label: "常庄村",
                        },
                        {
                          value: "堡子村",
                          label: "堡子村",
                        },
                        {
                          value: "家窝村",
                          label: "家窝村",
                        },
                        {
                          value: "陈辛村",
                          label: "陈辛村",
                        },
                        {
                          value: "大王庄村",
                          label: "大王庄村",
                        },
                        {
                          value: "七间房村",
                          label: "七间房村",
                        },
                        {
                          value: "李皇亲村",
                          label: "李皇亲村",
                        },
                        {
                          value: "后满庄村",
                          label: "后满庄村",
                        },
                        {
                          value: "前满庄村",
                          label: "前满庄村",
                        },
                        {
                          value: "小满庄村",
                          label: "小满庄村",
                        },
                        {
                          value: "早立王村",
                          label: "早立王村",
                        },
                        {
                          value: "崔家洼村",
                          label: "崔家洼村",
                        },
                        {
                          value: "贾屯子村",
                          label: "贾屯子村",
                        },
                        {
                          value: "北杨庄村",
                          label: "北杨庄村",
                        },
                        {
                          value: "六户刘村",
                          label: "六户刘村",
                        },
                        {
                          value: "谷庄村",
                          label: "谷庄村",
                        },
                        {
                          value: "小王庄村",
                          label: "小王庄村",
                        },
                        {
                          value: "齐屯子村",
                          label: "齐屯子村",
                        },
                        {
                          value: "周辛村",
                          label: "周辛村",
                        },
                        {
                          value: "中上桥村",
                          label: "中上桥村",
                        },
                        {
                          value: "前上桥村",
                          label: "前上桥村",
                        },
                        {
                          value: "后上桥村",
                          label: "后上桥村",
                        },
                        {
                          value: "张汉家村",
                          label: "张汉家村",
                        },
                        {
                          value: "大树金村",
                          label: "大树金村",
                        },
                        {
                          value: "张拔贡村",
                          label: "张拔贡村",
                        },
                        {
                          value: "木架桥村",
                          label: "木架桥村",
                        },
                        {
                          value: "西代庄村",
                          label: "西代庄村",
                        },
                        {
                          value: "小白庄村",
                          label: "小白庄村",
                        },
                        {
                          value: "东林子村",
                          label: "东林子村",
                        },
                      ],
                    },
                    {
                      value: "寨子镇",
                      label: "寨子镇",
                      children: [
                        {
                          value: "寨子东街村",
                          label: "寨子东街村",
                        },
                        {
                          value: "寨子西街村",
                          label: "寨子西街村",
                        },
                        {
                          value: "寨子南街村",
                          label: "寨子南街村",
                        },
                        {
                          value: "寨子北街村",
                          label: "寨子北街村",
                        },
                        {
                          value: "石庄村",
                          label: "石庄村",
                        },
                        {
                          value: "大庄子村",
                          label: "大庄子村",
                        },
                        {
                          value: "后印村",
                          label: "后印村",
                        },
                        {
                          value: "王公良村",
                          label: "王公良村",
                        },
                        {
                          value: "大马家村",
                          label: "大马家村",
                        },
                        {
                          value: "许家桁村",
                          label: "许家桁村",
                        },
                        {
                          value: "王贡寺村",
                          label: "王贡寺村",
                        },
                        {
                          value: "周庄村",
                          label: "周庄村",
                        },
                        {
                          value: "邱庄村",
                          label: "邱庄村",
                        },
                        {
                          value: "西陈村",
                          label: "西陈村",
                        },
                        {
                          value: "东陈村",
                          label: "东陈村",
                        },
                        {
                          value: "前印村",
                          label: "前印村",
                        },
                        {
                          value: "小安家村",
                          label: "小安家村",
                        },
                        {
                          value: "方庄村",
                          label: "方庄村",
                        },
                        {
                          value: "王佑泉村",
                          label: "王佑泉村",
                        },
                        {
                          value: "小杨家村",
                          label: "小杨家村",
                        },
                        {
                          value: "小马家村",
                          label: "小马家村",
                        },
                        {
                          value: "王国针村",
                          label: "王国针村",
                        },
                        {
                          value: "詹庄村",
                          label: "詹庄村",
                        },
                        {
                          value: "辛庄村",
                          label: "辛庄村 ",
                        },
                        {
                          value: "肖桥村",
                          label: "肖桥村",
                        },
                        {
                          value: "黑龙村",
                          label: "黑龙村",
                        },
                        {
                          value: "董村东街村",
                          label: "董村东街村",
                        },
                        {
                          value: "董村西街村",
                          label: "董村西街村",
                        },
                        {
                          value: "董村南街村",
                          label: "董村南街村",
                        },
                        {
                          value: "董村北街村",
                          label: "董村北街村",
                        },
                        {
                          value: "王厂家村",
                          label: "王厂家村",
                        },
                        {
                          value: "姜庄村",
                          label: "姜庄村",
                        },
                        {
                          value: "单庄村",
                          label: "单庄村",
                        },
                        {
                          value: "梁庄村",
                          label: "梁庄村",
                        },
                        {
                          value: "门堂村",
                          label: "门堂村",
                        },
                        {
                          value: "大安家村",
                          label: "大安家村",
                        },
                        {
                          value: "堤口张村",
                          label: "堤口张村",
                        },
                        {
                          value: "小丈二桥村",
                          label: "小丈二桥村",
                        },
                        {
                          value: "大丈二桥村",
                          label: "大丈二桥村",
                        },
                        {
                          value: "张建庄村",
                          label: "张建庄村",
                        },
                        {
                          value: "侯建庄村",
                          label: "侯建庄村",
                        },
                        {
                          value: "徐建庄村",
                          label: "徐建庄村",
                        },
                        {
                          value: "庞建庄村",
                          label: "庞建庄村",
                        },
                      ],
                    },
                    {
                      value: "鲍官屯镇",
                      label: "鲍官屯镇",
                      children: [
                        {
                          value: "鲍官屯村",
                          label: "鲍官屯村",
                        },
                        {
                          value: "孙清屯村",
                          label: "孙清屯村",
                        },
                        {
                          value: "小迟庄村",
                          label: "小迟庄村",
                        },
                        {
                          value: "西康村",
                          label: "西康村",
                        },
                        {
                          value: "东康村",
                          label: "东康村",
                        },
                        {
                          value: "张旗屯村",
                          label: "张旗屯村",
                        },
                        {
                          value: "永兴庄村",
                          label: "永兴庄村",
                        },
                        {
                          value: "小集村",
                          label: "小集村",
                        },
                        {
                          value: "倪官屯村",
                          label: "倪官屯村",
                        },
                        {
                          value: "张古风村",
                          label: "张古风村",
                        },
                        {
                          value: "大迟庄村",
                          label: "大迟庄村",
                        },
                        {
                          value: "董丁庄村",
                          label: "董丁庄村",
                        },
                        {
                          value: "小张官村",
                          label: "小张官村",
                        },
                      ],
                    },
                    {
                      value: "王寺镇",
                      label: "王寺镇",
                      children: [
                        {
                          value: "王寺村",
                          label: "王寺村",
                        },
                        {
                          value: "罗四拔村",
                          label: "罗四拔村",
                        },
                        {
                          value: "小三拔村",
                          label: "小三拔村",
                        },
                        {
                          value: "许庄子村",
                          label: "许庄子村",
                        },
                        {
                          value: "高庄子村",
                          label: "高庄子村",
                        },
                        {
                          value: "五拔村",
                          label: "五拔村",
                        },
                        {
                          value: "集北头村",
                          label: "集北头村",
                        },
                        {
                          value: "陈官屯村",
                          label: "陈官屯村",
                        },
                        {
                          value: "郝五拔村",
                          label: "郝五拔村",
                        },
                        {
                          value: "李六拔村",
                          label: "李六拔村",
                        },
                        {
                          value: "鄢四拔村",
                          label: "鄢四拔村",
                        },
                        {
                          value: "大三拔村",
                          label: "大三拔村",
                        },
                        {
                          value: "刘夫青村",
                          label: "刘夫青村",
                        },
                        {
                          value: "邢八拔村",
                          label: "邢八拔村",
                        },
                        {
                          value: "李八拔村",
                          label: "李八拔村",
                        },
                        {
                          value: "詹八拔村",
                          label: "詹八拔村",
                        },
                        {
                          value: "代九拔村",
                          label: "代九拔村",
                        },
                        {
                          value: "邢九拔村",
                          label: "邢九拔村",
                        },
                        {
                          value: "柴庄村",
                          label: "柴庄村",
                        },
                        {
                          value: "西郭村",
                          label: "西郭村",
                        },
                        {
                          value: "东葛村",
                          label: "东葛村",
                        },
                        {
                          value: "唐孙村",
                          label: "唐孙村",
                        },
                        {
                          value: "西古村",
                          label: "西古村",
                        },
                        {
                          value: "梁场村",
                          label: "梁场村",
                        },
                      ],
                    },
                    {
                      value: "乌马营镇",
                      label: "乌马营镇",
                      children: [
                        {
                          value: "乌马营村",
                          label: "乌马营村",
                        },
                        {
                          value: "穆庄村",
                          label: "穆庄村",
                        },
                        {
                          value: "观音寺村",
                          label: "观音寺村",
                        },
                        {
                          value: "西门家村",
                          label: "西门家村",
                        },
                        {
                          value: "东门家村",
                          label: "东门家村",
                        },
                        {
                          value: "李皋家村",
                          label: "李皋家村",
                        },
                        {
                          value: "小李庄村",
                          label: "小李庄村",
                        },
                        {
                          value: "吴家坊村",
                          label: "吴家坊村",
                        },
                        {
                          value: "塔马寺村",
                          label: "塔马寺村",
                        },
                        {
                          value: "白坊子村",
                          label: "白坊子村",
                        },
                        {
                          value: "郭围家村",
                          label: "郭围家村",
                        },
                        {
                          value: "高桥村",
                          label: "高桥村",
                        },
                        {
                          value: "大坊子村",
                          label: "大坊子村",
                        },
                        {
                          value: "范家村",
                          label: "范家村",
                        },
                        {
                          value: "泊家村",
                          label: "泊家村",
                        },
                        {
                          value: "生刘家村",
                          label: "生刘家村",
                        },
                        {
                          value: "莲花池村",
                          label: "莲花池村",
                        },
                        {
                          value: "东五拔村",
                          label: "东五拔村",
                        },
                        {
                          value: "前五拨村",
                          label: "前五拨村",
                        },
                        {
                          value: "西五拨村",
                          label: "西五拨村",
                        },
                        {
                          value: "徐和杨村",
                          label: "徐和杨村",
                        },
                        {
                          value: "徐郎中村",
                          label: "徐郎中村",
                        },
                        {
                          value: "冯庄村",
                          label: "冯庄村",
                        },
                        {
                          value: "罗张村",
                          label: "罗张村",
                        },
                        {
                          value: "杠子张村",
                          label: "杠子张村",
                        },
                        {
                          value: "冷辛村",
                          label: "冷辛村",
                        },
                        {
                          value: "刘家坊村",
                          label: "刘家坊村",
                        },
                        {
                          value: "徐道口村",
                          label: "徐道口村",
                        },
                        {
                          value: "刘旺泉村",
                          label: "刘旺泉村",
                        },
                        {
                          value: "万庄村",
                          label: "万庄村",
                        },
                        {
                          value: "王速连村",
                          label: "王速连村",
                        },
                        {
                          value: "丛庄村",
                          label: "丛庄村",
                        },
                        {
                          value: "王庄村",
                          label: "王庄村",
                        },
                      ],
                    },
                    {
                      value: "潞灌镇",
                      label: "潞灌镇",
                      children: [
                        {
                          value: "潞灌村",
                          label: "潞灌村",
                        },
                        {
                          value: "刘硕盘村",
                          label: "刘硕盘村",
                        },
                        {
                          value: "焦山寺村",
                          label: "焦山寺村",
                        },
                        {
                          value: "龙堂村",
                          label: "龙堂村",
                        },
                        {
                          value: "小郭立山村",
                          label: "小郭立山村",
                        },
                        {
                          value: "大郭立山村",
                          label: "大郭立山村",
                        },
                        {
                          value: "芦庄子村",
                          label: "芦庄子村",
                        },
                        {
                          value: "大薛村",
                          label: "大薛村",
                        },
                        {
                          value: "潞灌北庄村",
                          label: "潞灌北庄村",
                        },
                        {
                          value: "旁堤刘村",
                          label: "旁堤刘村",
                        },
                        {
                          value: "小薛村",
                          label: "小薛村",
                        },
                        {
                          value: "刘奇家村",
                          label: "刘奇家村",
                        },
                        {
                          value: "潞灌张庄村",
                          label: "潞灌张庄村",
                        },
                        {
                          value: "潞灌辛庄村",
                          label: "潞灌辛庄村",
                        },
                        {
                          value: "刘庄村",
                          label: "刘庄村",
                        },
                        {
                          value: "龙门寺村",
                          label: "龙门寺村",
                        },
                        {
                          value: "潞灌李庄村",
                          label: "潞灌李庄村",
                        },
                        {
                          value: "曲庄村",
                          label: "曲庄村",
                        },
                        {
                          value: "王少泉村",
                          label: "王少泉村",
                        },
                        {
                          value: "南场村",
                          label: "南场村",
                        },
                        {
                          value: "凤翔村",
                          label: "凤翔村",
                        },
                        {
                          value: "东唐家务村",
                          label: "东唐家务村",
                        },
                        {
                          value: "西唐家务村",
                          label: "西唐家务村",
                        },
                        {
                          value: "孙龙家村",
                          label: "孙龙家村",
                        },
                        {
                          value: "郝庄村",
                          label: "郝庄村",
                        },
                        {
                          value: "王古川村",
                          label: "王古川村",
                        },
                        {
                          value: "马东村",
                          label: "马东村",
                        },
                        {
                          value: "马中村",
                          label: "马中村",
                        },
                        {
                          value: "马西村",
                          label: "马西村",
                        },
                        {
                          value: "三教庵村",
                          label: "三教庵村",
                        },
                        {
                          value: "前康村",
                          label: "前康村",
                        },
                        {
                          value: "后康村",
                          label: "后康村",
                        },
                        {
                          value: "前王村",
                          label: "前王村",
                        },
                        {
                          value: "后王村",
                          label: "后王村",
                        },
                        {
                          value: "万牛张村",
                          label: "万牛张村",
                        },
                        {
                          value: "刁公楼南村",
                          label: "刁公楼南村",
                        },
                        {
                          value: "刁公楼北村",
                          label: "刁公楼北村",
                        },
                        {
                          value: "前罗寨村",
                          label: "前罗寨村",
                        },
                        {
                          value: "后罗寨村",
                          label: "后罗寨村",
                        },
                        {
                          value: "金庄村",
                          label: "金庄村",
                        },
                      ],
                    },
                    {
                      value: "大浪淀乡",
                      label: "大浪淀乡",
                      children: [
                        {
                          value: "叶三拨村",
                          label: "叶三拨村",
                        },
                        {
                          value: "沙家坟村",
                          label: "沙家坟村",
                        },
                        {
                          value: "朝阳村",
                          label: "朝阳村",
                        },
                        {
                          value: "旁立庄村",
                          label: "旁立庄村",
                        },
                        {
                          value: "白塔寺村",
                          label: "白塔寺村",
                        },
                        {
                          value: "祁家洼村",
                          label: "祁家洼村",
                        },
                        {
                          value: "贾九拨村",
                          label: "贾九拨村",
                        },
                        {
                          value: "五拨台村",
                          label: "五拨台村",
                        },
                        {
                          value: "陈六拨村",
                          label: "陈六拨村",
                        },
                        {
                          value: "三合村",
                          label: "三合村",
                        },
                        {
                          value: "于十拨村",
                          label: "于十拨村",
                        },
                        {
                          value: "白小庄村",
                          label: "白小庄村",
                        },
                        {
                          value: "白吉屯村",
                          label: "白吉屯村",
                        },
                        {
                          value: "马四拨村",
                          label: "马四拨村",
                        },
                        {
                          value: "段六拨村",
                          label: "段六拨村",
                        },
                        {
                          value: "叶辛庄村",
                          label: "叶辛庄村",
                        },
                        {
                          value: "杨庄子村",
                          label: "杨庄子村",
                        },
                        {
                          value: "王环五拨村",
                          label: "王环五拨村",
                        },
                        {
                          value: "后辛庄村",
                          label: "后辛庄村",
                        },
                        {
                          value: "肖九拨村",
                          label: "肖九拨村",
                        },
                        {
                          value: "何七拨村",
                          label: "何七拨村",
                        },
                        {
                          value: "年涝洼村",
                          label: "年涝洼村",
                        },
                        {
                          value: "肖十拨村",
                          label: "肖十拨村",
                        },
                        {
                          value: "刘八拨村",
                          label: "刘八拨村",
                        },
                        {
                          value: "玉皇村",
                          label: "玉皇村",
                        },
                        {
                          value: "丁庄子村",
                          label: "丁庄子村",
                        },
                        {
                          value: "大七拨村",
                          label: "大七拨村",
                        },
                        {
                          value: "后屯村",
                          label: "后屯村",
                        },
                      ],
                    },
                    {
                      value: "刘八里乡",
                      label: "刘八里乡",
                      children: [
                        {
                          value: "刘八里村",
                          label: "刘八里村",
                        },
                        {
                          value: "杨庄村",
                          label: "杨庄村",
                        },
                        {
                          value: "前七里村",
                          label: "前七里村",
                        },
                        {
                          value: "后七里村",
                          label: "后七里村",
                        },
                        {
                          value: "付庄村",
                          label: "付庄村",
                        },
                        {
                          value: "李八里村",
                          label: "李八里村",
                        },
                        {
                          value: "高八里村",
                          label: "高八里村",
                        },
                        {
                          value: "张盘古村",
                          label: "张盘古村",
                        },
                        {
                          value: "义和庄村",
                          label: "义和庄村",
                        },
                        {
                          value: "毕剪子村",
                          label: "毕剪子村",
                        },
                        {
                          value: "南邢庄村",
                          label: "南邢庄村",
                        },
                        {
                          value: "十二里口村",
                          label: "十二里口村",
                        },
                        {
                          value: "周八里村",
                          label: "周八里村",
                        },
                        {
                          value: "赵监生村",
                          label: "赵监生村",
                        },
                        {
                          value: "双庙村",
                          label: "双庙村",
                        },
                        {
                          value: "吕家村",
                          label: "吕家村",
                        },
                        {
                          value: "刘秀才村",
                          label: "刘秀才村",
                        },
                        {
                          value: "赵庄村",
                          label: "赵庄村",
                        },
                        {
                          value: "东三里村",
                          label: "东三里村",
                        },
                        {
                          value: "尹官屯村",
                          label: "尹官屯村",
                        },
                        {
                          value: "李家庵村",
                          label: "李家庵村",
                        },
                        {
                          value: "王三家村",
                          label: "王三家村",
                        },
                        {
                          value: "许庄村",
                          label: "许庄村",
                        },
                        {
                          value: "林庄村",
                          label: "林庄村",
                        },
                        {
                          value: "张庄村",
                          label: "张庄村",
                        },
                        {
                          value: "刘显吾村",
                          label: "刘显吾村",
                        },
                        {
                          value: "侯庄村",
                          label: "侯庄村",
                        },
                        {
                          value: "八里台村",
                          label: "八里台村",
                        },
                        {
                          value: "南王庄村",
                          label: "南王庄村",
                        },
                        {
                          value: "西邱庄村",
                          label: "西邱庄村",
                        },
                        {
                          value: "汤老家村",
                          label: "汤老家村",
                        },
                        {
                          value: "王桥村",
                          label: "王桥村",
                        },
                        {
                          value: "向阳村",
                          label: "向阳村",
                        },
                        {
                          value: "小吴家村",
                          label: "小吴家村",
                        },
                        {
                          value: "刘和睦村",
                          label: "刘和睦村",
                        },
                        {
                          value: "代庄村",
                          label: "代庄村",
                        },
                      ],
                    },
                  ],
                },
              ],
            },
          ],
        },
      ],

      // 添加框
      registerForm: {
        username: "",
        password: "",
        name: "",
        sex: "",
        phone: "",
        email: "",
        location: "",
      },
      // 编辑框
      form: {
        id: "",
        username: "",
        password: "",
        name: "",
        sex: "",
        phone: "",
        email: "",
        location: "",
      },

      tableDate: [],
      tempData: [],
      select_word: "",
      pageSize: 13, //分页每页大小
      currentPage: 1, //默认当前页
    };
  },
  computed: {
    // 计算当前搜索结果表里的数据
    data() {
      return this.tableDate.slice(
        (this.currentPage - 1) * this.pageSize,
        this.currentPage * this.pageSize
      );
    },
  },
  created() {
    this.getData();
  },
  watch: {
    // 搜索框里面的内容发生变化的时候，所偶结果table列表的内容跟着他的内容发生变化
    select_word: function () {
      if (this.select_word === "") {
        this.tableDate = this.tempData;
      } else {
        this.tableDate = [];
        for (let item of this.tempData) {
          if (item.name.includes(this.select_word)) {
            this.tableDate.push(item);
          }
        }
      }
    },
  },
  methods: {
    // 获取当前页
    handleCurrentChange(val) {
      this.currentPage = val;
    },
    // 查询所有驻村干部信息
    getData() {
      this.tempData = [];
      this.tableDate = [];
      getAllCadre().then((res) => {
        this.tempData = res;
        this.tableDate = res;
      });
    },

    // 添加驻村干部信息
    addCadre() {
      let params = new URLSearchParams();
      params.append("username", this.registerForm.username);
      params.append("password", this.registerForm.password);
      params.append("name", this.registerForm.name);
      params.append("sex", this.registerForm.sex);
      params.append("phone", this.registerForm.phone);
      params.append("email", this.registerForm.email);
      params.append("location", this.registerForm.location);

      setCadre(params)
        .then((res) => {
          if (res.code == 1) {
            this.getData();
            this.notify("添加成功", "success");
          } else {
            this.notify("添加失败", "error");
          }
        })
        .catch((err) => {
          console.log(err);
        });
      this.centerDialogVisible = false;
    },
    // 弹出修改驻村干部信息
    handleEdit(row) {
      this.editVisible = true;
      this.form = {
        id: row.id,
        username: row.username,
        password: row.password,
        name: row.name,
        sex: row.sex,
        phone: row.phone,
        email: row.email,
        location: row.location,
      };
    },
    // 保存编辑页面的数据
    editCadre() {
      let params = new URLSearchParams();
      params.append("id", this.form.id);
      params.append("username", this.form.username);
      params.append("password", this.form.password);
      params.append("name", this.form.name);
      params.append("sex", this.form.sex);
      params.append("phone", this.form.phone);
      params.append("email", this.form.email);
      params.append("location", this.form.location);

      updateCadre(params)
        .then((res) => {
          if (res.code === 1) {
            this.getData();
            this.notify("修改成功", "success");
          } else {
            this.notify("修改失败", "error");
          }
        })
        .catch((err) => {
          console.log(err);
        });
      this.editVisible = false;
    },
    // 删除驻村干部信息
    deleteRow() {
      deleteCadre(this.idx)
        .then((res) => {
          if (res) {
            this.getData();
            this.notify("删除成功", "success");
          } else {
            this.notify("删除失败", "error");
          }
        })
        .catch((err) => {
          console.log(err);
        });
      this.delVisible = false;
    },
  },
};
</script>
<style scoped>
.handle-box {
  margin-bottom: 20px;
}
.handle-input {
  width: 300px;
  display: inline-block;
}
.pagination {
  display: flex;
  justify-content: center;
}
</style>
